<!-- m_footer -->
<div class="m_footer">
    <div class="m_footer_top m_public">
        <h3 class="title">联系我们</h3>
        <span class="link"></span>
        <div class="add_info">
            {$CONTACT_US.details}
        </div>
    </div>
    <div class="m_footer_bottom m_public">
        <h3 class="title">订阅</h3>
        <span class="link"></span>
        <p class="content">独家提供新闻和更多信息</p>
        <div class="feedback">
            <form id="m_feedback_form" method="post" action="#" enctype="multipart/form-data">
                <input id="usermailads" name="email" value="" placeholder="输入你的电子邮箱地址" type="email">
            </form>
            <a id="emailadd" class="pushbar">订阅</a>
        </div>
    </div>
</div>
<div class="go_top">
    <div style="text-align: center;padding: 30px 0;color:#1a7e67;">
        <i class="iconfont icon-fanhuidingbu1"></i>
        <h3 style="padding-top: 5px;">返回顶部</h3>
    </div>
</div>
<!-- m_footer end -->



<!-- js -->
<script src="__MOBILE__js/jquery.js"></script>
<script src="__MOBILE__js/jquery.flexslider.js"></script>
<script src="__MOBILE__js/jquery.waypoints.min.js"></script>
<script src="__MOBILE__js/countUp.min.js"></script>
<script src="__MOBILE__js/jquery.ellipsis.js"></script>
<script>
    var addurl = '/mobile/index/subscription';
    $('#emailadd').click(function () {
        var email = $('#usermailads').val();
        if(email==''){
            return false;
        }
        if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
        {
            alert("请填写正确的邮箱！");
            return false;
        }
        $.post(addurl, {'email':$('#usermailads').val()},function(res) {
            var success = JSON.parse(res);
            if(success.code===200){
                $('#usermailads').val('');
                alert(success.msg);
                return false;
            }else {

            }


        });
    })
    //banner slide
    $('.m_banner').flexslider({
        selector: ".m_banner_slider > li",
        animation: "slide",
        controlNav: true,
        directionNav: false,
        multipleKeyboard:true,
        animationLoop: true,
        slideshow: true,
        slideshowSpeed: 5000,
        easing:"swing",
        smoothHeight: false,
        pauseOnAction:true,
        pauseOnHover:true,
        start: function(slider){
            //$('#loader').remove();
        },
        after: function(slider){
            //
        }
    });

    // 	$(document).ready(function(){
    // 		var sbwi =($(document.body).width());
    // 		$('ul.scroll_slider li').css("width","sbwipx");
    // 　});

    $('.go_top').click(function() {
        $('body,html').animate({
                "scrollTop": 0
            },
            1000)
    });

    // ajax
    $('#subscribe').click(function(){
        $.ajax({
            url: '',
            type: 'GET',
            data: $('#m_feedback_form').serialize(),
        })
    });
</script>

<script>
    $("#mobile_key").click(function(){
        $('.side_nav').css("right","0");
        $('.mark').addClass('open');
    });
    $('.mark').bind('click',function() {
        $('.mark').removeClass('open');
        $('.side_nav').css('right', '-70%');
    });
    $('.close__').bind('click',function() {
        $('.mark').removeClass('open');
        $('.side_nav').css('right', '-70%');
    })


    // $('._nab1').click(function(){
    //     $('._icon1').css("transform","rotate(90deg)");
    //     $('._box1').css("display","block");
    //     $('._icon2').css("transform","rotate(0deg)");
    //     $('._box2').css("display","none");
    // });
    // $('._nab2').click(function(){
    //     $('._icon1').css("transform","rotate(0deg)");
    //     $('._box1').css("display","none");
    //     $('._icon2').css("transform","rotate(90deg)");
    //     $('._box2').css("display","block");
    // });
    $(".sidenav_item a.l_alone i").each(function(i){$(this).addClass("_icon" + i)});
    $('._nab1').click(function(){
        $('._icon0').toggleClass('active');
        $('._box1').toggleClass('active');
    });
    $('._nab2').click(function(){
        $('._icon2').toggleClass('active');
        $('._box2').toggleClass('active');
    });
    $('._nab4').click(function(){
        $('._icon1').toggleClass('active');
        $('._box4').toggleClass('active');
    });
    $('._nab3').click(function(){
        $('._icon3').toggleClass('active');
        $('._box3').toggleClass('active');
    });
    $('.__fanhui').click(function(){
        window.history.go(-1);
    });
</script>

</body>
</html>
